<template>
  <!-- 顶部 -->
  <div id="teacherHeader">
    <div class="home" @click="skipHome()">
      <span class="iconfont icon-shouye1"></span>
    </div>
    <div id="person-msg">
      <span
        class="iconfont icon-tidings"
        @mouseover="showDialog=true"
        @mouseleave="showDialog=false"
      ></span>
    </div>
    <!-- 下拉框 -->
    <div class="dialog" v-show="showDialog" @mouseover="enterdailog" @mouseleave="showDialog=false">
      <div>点赞/评论</div>
      <br />
    </div>
    <!-- 下拉框end -->
  </div>
  <!-- 顶部end -->
</template>
<script>
export default {
  data() {
    return {
      showDialog: false
    };
  },
  methods: {
    enterdailog() {
      this.showDialog = true;
    },
    // 跳转主页
    skipHome() {
      this.$router.push({ path: "/index" });
    },
    // 跳转填写记录页
    skipWriteRecord() {
      this.$router.push({ path: "/checkWriteRecord" });
    }
  }
};
</script>
<style lang="less">
@import "../assets/less/top.less";
</style>